<template>
  <z-input-search v-model:value="value" @search="searchFn" allowClear />
  <div style="margin: 24px 0" />
  <z-input-search enter-button v-model:value="value" @search="searchFn" />
  <div style="margin: 24px 0" />
  <z-input-search v-model:value="value1" enter-button="搜索" @search="searchFn">
  </z-input-search>
  <div style="margin: 24px 0" />
  <z-input-search v-model:value="value1" @search="searchFn">
    <template #enterButton>
      搜索
    </template>
  </z-input-search>
</template>
<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  setup(){
    const value = ref('')
    const value1 = ref('')
    const searchFn = (n, m) => {
      console.log(n, m)
    }
    return {
      value,
      value1,
      searchFn
    }
  }
})
</script>
